<%@ page contentType="text/html;charset=UTF-8" language="java" %>

<!-- 成果库 -->

<div role="tabpanel" class="tab-pane" id="stud">
    <div class="check-div ·form-inline">
        <div class="col-xs-1">
            <button class="btn btn-yellow btn-xs" data-toggle="modal" data-target="#addCG">添加情侣</button>
        </div>

        <div class="col-xs-5">
            <input type="text" class=" form-control input-sm" placeholder="输入文字搜索"
                   style="	!height: 40px!important;">
            <button class="btn btn-white btn-xs ">查 询</button>
        </div>

        <div class="col-lg-3 col-lg-offset-2 col-xs-4" style=" padding-right: 40px;text-align: right;">
            <label for="paixu">排序:&nbsp;</label>
            <select class=" form-control">
                <option>红娘Id</option>
                <option>情侣编号</option>
                <option>男方Id</option>
                <option>女方Id</option>

            </select>
        </div>
    </div>
    <div class="data-div">
        <div class="row tableHeader">
            <div class="col-xs-2 ">情侣编号</div>
            <div class="col-xs-3 ">男生Id</div>
            <div class="col-xs-3">女生Id</div>
            <div class="col-xs-2">红娘Id</div>
            <div class="col-xs-2 ">操作</div>
        </div>
        <div class="tablebody">

            <div class="row">
                <div class="col-xs-2 ">001</div>
                <div class="col-xs-3 ">215</div>
                <div class="col-xs-3">312</div>
                <div class="col-xs-2">008</div>
                <div class="col-xs-2">
                    <button class="btn btn-success btn-xs" data-toggle="modal" data-target="#changeCG">修改
                    </button>
                    <button class="btn btn-danger btn-xs" data-toggle="modal" data-target="#deleteCG">删除
                    </button>
                </div>
            </div>

        </div>

    </div>
    <!--页码块-->
    <footer class="footer">
        <ul class="pagination">
            <li>
                <select>
                    <option>1</option>
                    <option>2</option>
                    <option>3</option>
                    <option>4</option>
                    <option>5</option>
                    <option>6</option>
                    <option>7</option>
                    <option>8</option>
                    <option>9</option>
                    <option>10</option>
                </select>
                页
            </li>
            <li class="gray">
                共20页
            </li>
            <li>
                <i class="glyphicon glyphicon-menu-left">
                </i>
            </li>
            <li>
                <i class="glyphicon glyphicon-menu-right">
                </i>
            </li>
        </ul>
    </footer>

    <!--增加权限弹出窗口-->
    <div class="modal fade" id="addCG" role="dialog" aria-labelledby="gridSystemModalLabel">
        <div class="modal-dialog" role="document">
            <div class="modal-content">


                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                    <h4 class="modal-title" id="gridSystemModalLabel">添加情侣信息</h4>
                </div>


                <div class="modal-body">
                    <div class="container-fluid">
                        <form class="form-horizontal">

                            <div class="form-group ">
                                <label for="sLoversNumber" class="col-xs-3 control-label">情侣编号：</label>
                                <div class="col-xs-6 ">
                                    <input type="number" class="form-control input-sm duiqi"
                                           id="sLoversNumber" placeholder="">
                                </div>
                            </div>

                            <div class="form-group ">
                                <label for="sMaleId" class="col-xs-3 control-label">男神Id：</label>
                                <div class="col-xs-6 ">
                                    <input type="number" class="form-control input-sm duiqi" id="sMaleId"
                                           placeholder="">
                                </div>
                            </div>

                            <div class="form-group ">
                                <label for="sFemaleId" class="col-xs-3 control-label">女神Id：</label>
                                <div class="col-xs-6 ">
                                    <input type="number" class="form-control input-sm duiqi" id="sFemaleId"
                                           placeholder="">
                                </div>
                            </div>

                            <div class="form-group ">
                                <label for="sMatchmakerId" class="col-xs-3 control-label">红娘Id：</label>
                                <div class="col-xs-6 ">
                                    <input type="number" class="form-control input-sm duiqi"
                                           id="sMatchmakerId" placeholder="">
                                </div>
                            </div>


                        </form>
                    </div>
                </div>


                <div class="modal-footer">
                    <button type="button" class="btn btn-xs btn-white" data-dismiss="modal">取 消</button>
                    <button type="button" class="btn btn-xs btn-green">保 存</button>
                </div>
            </div>
            <!-- /.modal-content -->
        </div>
        <!-- /.modal-dialog -->
    </div>
    <!-- /.modal -->


    <!--修改权限弹出窗口-->
    <div class="modal fade" id="changeCG" role="dialog" aria-labelledby="gridSystemModalLabel">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" id="gridSystemModalLabel">修改信息</h4>
                </div>


                <div class="modal-body">
                    <div class="container-fluid">
                        <form class="form-horizontal">

                            <div class="form-group ">
                                <label for="sLoversNumber" class="col-xs-3 control-label">情侣编号：</label>
                                <div class="col-xs-6 ">
                                    <input type="number" class="form-control input-sm duiqi"
                                           id="sLoversNumber" placeholder="">
                                </div>
                            </div>

                            <div class="form-group ">
                                <label for="sMaleId" class="col-xs-3 control-label">男神Id：</label>
                                <div class="col-xs-6 ">
                                    <input type="number" class="form-control input-sm duiqi" id="sMaleId"
                                           placeholder="">
                                </div>
                            </div>

                            <div class="form-group ">
                                <label for="sFemaleId" class="col-xs-3 control-label">女神Id：</label>
                                <div class="col-xs-6 ">
                                    <input type="number" class="form-control input-sm duiqi" id="sFemaleId"
                                           placeholder="">
                                </div>
                            </div>

                            <div class="form-group ">
                                <label for="sMatchmakerId" class="col-xs-3 control-label">红娘Id：</label>
                                <div class="col-xs-6 ">
                                    <input type="number" class="form-control input-sm duiqi"
                                           id="sMatchmakerId" placeholder="">
                                </div>
                            </div>


                        </form>
                    </div>
                </div>

                <div class="modal-footer">
                    <button type="button" class="btn btn-xs btn-white" data-dismiss="modal">取 消</button>
                    <button type="button" class="btn btn-xs btn-green">保 存</button>
                </div>
            </div>
            <!-- /.modal-content -->
        </div>
        <!-- /.modal-dialog -->
    </div>
    <!-- /.modal -->

    <!--弹出删除权限警告窗口-->
    <div class="modal fade" id="deleteCG" role="dialog" aria-labelledby="gridSystemModalLabel">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                            aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" id="gridSystemModalLabel">提示</h4>
                </div>
                <div class="modal-body">
                    <div class="container-fluid">
                        确定要删除该对情侣？删除后不可恢复！
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-xs btn-white" data-dismiss="modal">取 消</button>
                    <button type="button" class="btn btn-xs btn-danger">保 存</button>
                </div>
            </div>
            <!-- /.modal-content -->
        </div>
        <!-- /.modal-dialog -->
    </div>
    <!-- /.modal -->
</div>